<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="node_modules/@jsplumbtoolkit/browser-ui/js/jsplumbtoolkit.browser-ui.umd.js"></script>
		<link rel="stylesheet" href="node_modules/@jsplumbtoolkit/browser-ui/css/jsplumbtoolkit.css">
		<link rel="stylesheet" href="node_modules/@jsplumbtoolkit/browser-ui/css/jsplumbtoolkit-controls.css">
		<link rel="stylesheet" href="app.css">
	</head>
	<body>

	<div class="jtk-demo-main" id="jtk-demo-flowchart">

		<!-- main drawing area -->
		<div class="jtk-demo-canvas">
			<!-- controls -->
			<div class="jtk-controls-container"></div>
			<div class="jtk-export">
				<span>Export:</span>
				<a href="#" id="exportSvg">SVG</a>
				<a href="#" id="exportPng">PNG</a>
				<a href="#" id="exportJpg">JPG</a>
			</div>
			<!-- miniview -->
			<div class="miniview"></div>
		</div>
		<div class="jtk-demo-rhs">

			<!-- the node palette -->
			<div class="sidebar node-palette"></div>
			<!-- node/edge inspector -->
			<div class="inspector"></div>

			<div class="description">
				<p>
					This sample application is a builder for flowcharts.
				</p>
			</div>
		</div>


	</div>

		<script src="app.js"></script>

	</body>

</html>
